body, header{
  margin: 0px;
  padding: 0px;
}

#welcome-section{
  background-image: url(https://www.pixelstalk.net/wp-content/uploads/images5/4K-Black-Wallpapers-scaled.jpg);
  background-size: cover;
  color: rgb(0, 0, 0);
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

#welcome-section{
    font-family: sans-serif;
    font-size: 2em;
}

.nav{
    position:fixed;
    border: 2px sold rgb(255, 254, 254);
    background-color: rgb(255, 255, 255);
}

.nav ul{
margin: 0;
}

.nav li{
  display: inline;
}
  
.nav a{


   display: inline-block;
   color: rgb(143, 143, 143);
   padding: 0.5em;
}

.nav a:hover{
 background-color: rgb(139, 119, 119);
}

.utplassering-nav{
  text-align: left;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 0em;

}

  .main-nav{
    width: 100%;
  position: fixed;
  text-align: left;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1em;
  

  

  }
  
  #about{
    margin: 5em;
    display: grid;
    grid-template-areas: 
    "header header header"
    "picture main main";
  
  

    height: 100vh;
    margin: 2em 10em 0 10em;

  
  }
  .section-header{
grid-area: header;
font-size: 2em;
color: rgb(0, 0, 0);
font-family: papyrus;
font-weight: bold;
text-align: center;
  }
  
  .about-image{
grid-area: picture;
float: left;
height: 300px;
width: 200px;
border-radius: 50%;
margin: 15px;
background-image: url(https://wallpaperaccess.com/full/1527713.jpg);
background-size: cover;
color: rgb(0, 0, 0);
height: 100vh;
width: 60em;
border-radius: 50%;
margin: 15px;
display: flex;
justify-content: center;
align-items: center;
  }
.about-content{
grid-area: main;
font-family: sans-serif;
font-size: 1em;

}
#projects{

}